<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>模板解析说明</title>
    <script src="../vue.js"></script>
    <script src="../vue-router.js"></script>
</head>

<body>
    <div id="app">
       <table>
          有些特定的元素是无法直接用自定义元素的 那么就用is=""来进行变通-->
            <tr is="first"></tr>

       </table>
    </div>
    <script>
        var Child = {
            template:'<tr>我是内部组件</tr>'
        }
        var app = new Vue({
            el:'#app',
            data (){
                return {

                }
            },
            components: {
                'first': Child
                //first: Child  也可以
            }
        })
    </script>
</body>

</html>